<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/directory/detail.css" />
    <script src="../../js/statistics.js"></script>
    <style>
        .header a{
            color:#fff;
        }
        #ul li{
            width:100%;
            text-align:left;
            padding-left:15px;
            color:#666;
            padding-top:0;
            line-height:2;
            font-size:14px;
        }
        .mui-content img{
            width:100%;
            margin:0;
            padding:0;
        }
        .BGimg{
            width:100%;
            height:203px;
            background: url("../../images/icon/executive_housekeeper/HYDJ.jpg") no-repeat;
            background-size: 100%;
        }
    </style>
</head>

<body>
<header class="mui-bar mui-bar-nav header">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" id='title'>婚姻管理机构</h1>
</header>

<div id='map'></div>
<div class='mui-content'>
    <div class="BGimg"></div>
    <!--<img src="" alt="">-->
    <ul class='mui-table-view info'>
        <p class='li_title'><i></i>基本信息</p>
        <li class='mui-table-view-cell'>
            <p>单位名称</p>
            <p>河东市民政局婚姻登记处</p>
        </li>
        <li class='mui-table-view-cell'>
            <p>负责人</p>
            <p>黄国平</p>
        </li>
        <li class='mui-table-view-cell' id="tel">
            <p>联系电话</p>
            <p class='tell'>87037130</p>
        </li>
        <li class='mui-table-view-cell' id="address">
            <p>具体地址</p>
            <p class='address'>河东市溧城镇南大街137号</p>
        </li>
        <li class='mui-table-view-cell'>
            <p>上班时间</p>
            <p>周一至周五：上午9:00-11:30，下午14:00-17:30(法定节假日除外)</p>
        </li>
    </ul>

    <ul class='mui-table-view main' id="ul">
        <p class='li_title'><i></i>业务职责</p>
        <li>1、办理婚姻登记；</li>
        <li>2、补发婚姻登记证；</li>
        <li>3、出具婚姻登记证明；</li>
        <li>4、撤销受胁迫的婚姻；</li>
        <li>5、宣传婚姻法律法规，倡导文明婚俗。</li>
    </ul>
</div>
<script src="../../plugins/jquery/jquery-3.1.0.min.js" type="text/javascript" ></script>
<script src="../../plugins/mui/mui.min.js"></script>
<!--<script src="../../plugins/template/template.js" type="text/javascript" ></script>-->
<script src="../../js/md5.js" type="text/javascript"></script>
<script src="../../js/getApiToken.js" type="text/javascript"></script>
<!--<script type="text/javascript" src="../../js/judge.js" ></script>-->
<script type="text/javascript">
    mui.init();
    mui.plusReady(function() {
        var ws = plus.webview.currentWebview(),
                id = ws.companyId;
        $('body').delegate('#tel', 'tap', function(e) {
            var telephone = $('.tell').text();
            mui.confirm('确定拨打电话：' + telephone + '吗？', '提示', function(value) {
                if(value.index == 1) {
                    plus.device.dial(telephone, false);
                }
            }, ['确定', '取消']);
            e.preventDefault();
        });
        $('body').delegate('#address', 'touchstart', function(e) {
            var address = $('.address').text();
            // 设置目标位置坐标点和其实位置坐标点
//					var map = new plus.maps.Map('map');
//					map.getUserLocation(function(status,point) { //获取当前位置
//						plus.maps.Map.reverseGeocode(point,{},function(event){
//							var addressSrc = event.address;  // 转换后的地理位置
//							mui.openWindow({
//								url:'../executive_housekeeper/map.html',
//								id:'map.html',
//								extras:{
//									'address':address,
//									'startAddress':addressSrc
//								},
//								waiting:{
//									autoShow:true,//自动显示等待框，默认为true
//		      						title:'正在加载...',//等待对话框上显示的提示内容
//								}
//							})
//						},function(e){
//							alert("Failed:"+JSON.stringify(e));
//						});
//					})
            mui.openWindow({
                url:'map.html',
                extras:{
                    'address':address
                },
                waiting:{
                    autoShow:true,//自动显示等待框，默认为true
                    title:'正在加载...',//等待对话框上显示的提示内容
                }
            })
            e.preventDefault();
        });
    });
</script>
</body>

</html>